﻿<!DOCTYPE html>
<html>
<head>
    <script src="jquery-ui-1.9.0.custom/js/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="jquery-ui-1.9.0.custom/js/jquery-ui.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(document).ready(function () {
        $("#start").click(function () {
            $("div").animate({ height: 300 }, { duration: 1500, queue: false });
            $("div").animate({ width: 300 }, { duration: 1500, queue: false });
        });
        $("#stop").click(function () {
            $("div").clearQueue();
            $("div").stop();
        });
    });
</script> 
</head>
<body>

<button id="start">Start Animation</button>
<button id="stop">Stop Animation</button>
<br><br>

<div style="background:red;height:100px;width:100px;">
</div>
 
</body>
</html>
